<!DOCTYPE html>
<!--<html lang="en" xmlns="http://www.w3.org/1999/xhtml">-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DOM2和DOM3</title>
</head>
<body>
<h1>第十六章 HTML5 脚本编程</h1>

<div id="droptarget" style="background-color: aquamarine; width: 150px;height: 150px;">drag</div>
<br>
<!-- 让这个元素可以拖动 -->
<div style="background-color: aquamarine; width: 150px;height: 150px;" draggable="true">可以拖动</div>
<!--<div class="mediaplayer">-->
    <!--<div class="video">-->
        <!--<video id="player" src="movie.mov" poster="../file/logo.png"-->
               <!--width="300" height="200">-->
            <!--Video player not available.-->
        <!--</video>-->
    <!--</div>-->
    <!--<div class="controls">-->
        <!--<input type="button" value="Play" id="video-btn">-->
        <!--<span id="curtime">0</span>/<span id="duration">0</span>-->
    <!--</div>-->
<!--</div>-->
<div class="mediaplayer">
    <div class="audio">
        <audio id="audioPlayer">
            <source src="../file/ljj_xpz.mp3" type="audio/mpeg">
            Audio player not available.
        </audio>
    </div>
    <div class="controls">
        <input type="button" value="Play" id="audio-btn">
        <span id="audioCurtime">0</span>/<span id="audioDuration">0</span>
    </div>
</div>
<button onclick="dragTest()">dragTest</button>
<script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/ch16.js"></script>
</body>
</html>